<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>map</title>
</head>
<body>
  <script>
    var map = new Map()
    //set 添加一个新建元素到映射
    map.set("a",1)
    // map.set("a",3) //修改也可以用set
    map.set("b",2)
    console.log(map) //{'a'=>1,'b=>1'}

    // has 如果映射包含指定元素，则返回 true。
    console.log(map.has("a")) // true
    console.log(map.has(1)) // false

    //get 返回映射中的指定元素。
    console.log(map.get("a")) // 1
    console.log(map.get("c")) // undefined

    // //value 返回map value的一个迭代器
    // var MapValueIterator = map.values()
    // console.log(MapValueIterator.next()) //{value: 1, done: false}
    // console.log(MapValueIterator.next()) //{value: 2, done: false}

    // // entries 返回map value的一个迭代器
    // var MapEntriesIterator = map.values()
    // console.log(MapEntriesIterator.next()) //{value: 1, done: false}
    // console.log(MapEntriesIterator.next()) //{value: 2, done: false}

    // // keys 返回map keys的一个迭代器
    // var MapKeysIterator = map.values()
    // console.log(MapKeysIterator.next()) //{value: 1, done: false}
    // console.log(MapKeysIterator.next()) //{value: 2, done: false}

    // forEach 遍历
    map.forEach((val,key,arr)=>{
      console.log(val,key,arr) //1 "a" Map(2) {"a" => 1, "b" => 2}
    })

    //delete 删除指定元素
    map.delete("a")
    console.log(map) // {"b" => 2}

    // clear 清空所有元素
    map.clear()
    console.log(map) // {}
</script>
</body>
</html>